﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>XXX</title>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/home.css"/>
    <link rel="stylesheet" type="text/css" href="city/city.css">
    <script type="text/javascript" src="script/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="script/home_ban.js"></script>
    <script type="text/javascript" src="script/eg_top_search.js"></script>
    <script type="text/javascript" src="script/city.js"></script>
    <script type="text/javascript" src="script/snncar.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.navmenu li').hover(function () {
                $('span', this).stop().css('height', '2px');
                $('span', this).animate({
                    left: '0',
                    width: '100%',
                    right: '0'
                }, 200);
            }, function () {
                $('span', this).stop().animate({
                    left: '50%',
                    width: '0'
                }, 200);
            });
        });
    </script>
    <!--导航登陆网页版下拉-->
    <script type="text/javascript">
        $(function () {
            var setTime;
            $(".egc-top .nav-cent .operate").hover(function () {
                var _this = $(this);
                setTime = setTimeout(function () {
                    _this.find(".sec-version").slideDown(200);
                    _this.find("i").removeClass("icon-angle-down").addClass("icon-angle-up");
                }, 200);
            }, function () {
                if (setTime) {
                    clearTimeout(setTime);
                }
                $(".egc-top .nav-cent .sec-version").slideUp(200);
                $(".egc-top .nav-cent .operate i").removeClass("icon-angle-up").addClass("icon-angle-down");
            });
        });
    </script>
    <!--底部信息下拉-->
    <script type="text/javascript">
        $(function () {
            var wind_wd = $(window).width();
            if (wind_wd <= 735) {
                /* $submenu.first().delay(400).slideDown(700);*/
                $('.relate .tit').on('click', function () {
                    $(this).next('.con').slideToggle()
                    $(this).parent().siblings('.items').find('.con').slideUp();
                });
            } else {
                $('.relate .tit').unbind("click");
                $('.relate .con').show();
            }
            $(window).resize(function () {
                var wind_wd = $(window).width();
                if (wind_wd <= 735) {
                    /* $submenu.first().delay(400).slideDown(700);*/
                    $('.relate .tit').on('click', function () {
                        $(this).next('.con').slideToggle()
                        $(this).parent().siblings('.items').find('.con').slideUp();
                    });
                } else {
                    $('.relate .tit').unbind("click");
                    $('.relate .con').show();
                }
            });
        });
    </script>

    <!--搜搜框获取焦点-->
    <script type="text/javascript">
        $(function () {
            $('.sea-ipt-txt').focus(function () {
                $(this).addClass("on");
                $('.search-btn').addClass("on");
            });
            $('.sea-ipt-txt').blur(function () {
                $(this).removeClass("on");
                $('.search-btn').removeClass("on");
            });
        });
    </script>
    <!--下拉导航关闭-->
    <script type="text/javascript">
        $(function () {
            $('.menu-mb i').click(function () {
                $(".navigation-mb-list").slideDown(300);
            });
            $('.navigation-mb-list .list-close-btn').click(function () {
                $(".navigation-mb-list").slideUp(300);
            });
        });
    </script>
    <!--stress搜索关闭-->
    <script type="text/javascript">
        $(function () {
            var setTime;
            $(".sercat .weixin").hover(function () {
                setTime = setTimeout(function () {
                    $(".sercat .wxewm").show();
                }, 300);
            }, function () {
                if (setTime) {
                    clearTimeout(setTime);
                }
                $(".sercat .wxewm").hide();
            });
        });
    </script>
    <script type="text/javascript">
        $(function () {
            var scroll_heitht = $('body').offset().top;
            var isShow = true;
            $(window).scroll(function () {
                if ($(window).scrollTop() > scroll_heitht && isShow) {
                    $('.stress-search-box').slideDown(200);
                } else {
                    $('.stress-search-box').slideUp(200);
                }
            });
            $('.stress-close a').click(function () {
                isShow = false;
                $('.stress-search-box').slideUp(200).unbind(window, aa);
            });
        });


    </script>
</head>
<body>
<div class="egc-top">
    <div class="nav-cent">
        <div class="top-r"><a href="#" id="b-regist">注册</a>|<a href="#" id="b-login" class="b-login">登陆</a></div>
        <div class="top-l">全国统一客服热线：XXX</div>
        <div class="clear_fix"></div>
    </div>
</div>
<div class="navigation">
    <div class="nav-cent">
        <div class="logo"><a href="index.html"><img src="images/logo.png" width="240"/></a></div>
        <div class="city"><span id="DY_site_name" class="red city-name Left">合肥</span>
            <div id="JS_hide_city_menu_11" class="city-select cut_handdler Left"><a href="javascript:void(0);"
                                                                                    class="common-bg selector">切换城市</a>
                <div id="JS_header_city_bar_box" class="hide_city_group">
                    <div class="hideMap">
                        <div class="showPanel clearfix">
                            <div class="Left mycity">
                                <div id="JS_current_city_box"> 当前城市：<strong id="JS_city_current_city">合肥</strong></div>
                                <div id="JS_default_city_delete" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="showPanel showPanel2 clearfix">
                            <div class="hot_city" id="JS_header_city_hot"></div>
                            <div class="city_words mt10" id="JS_header_city_char"></div>
                        </div>
                        <div class="scrollBody">
                            <div class="cityMap clearfix">
                                <table id="JS_header_city_list" class="city_list" style="margin-top: 0px;">
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                            <div class="scrollBar"><span id="JS_header_city_bar" style="margin-top: 0px;"></span></div>
                        </div>
                    </div>
                </div>
            </div>
            <span class="common-bg city-logo"></span></div>
        <div class="sea">
            <div class="egc-sea-box">
                <input type="text" class="sea-ipt-txt" placeholder="搜索您想要的车"/>
                <a href="#" class="search-btn">搜索</a></div>
        </div>
        <div class="hot-phone"><i></i> <span class="js-change-phone">XXX</span></div>
    </div>
</div>
<ul class="navmenu">
    <li class="active"><a href="index.html">首页</a><span></span></li>
    <li><a href="goods.html">我要买车</a><span></span></li>
    <li><a href="wymc.html">我要卖车</a><span></span></li>
    <li><a href="#">阳光联盟</a><span></span></li>
    <li><a href="#">我要加盟</a><span></span></li>
</ul>
<div class="clear_fix"></div>
<div class="stress-search-box row">
    <div class="stress-close"><a href="javascript:;"></a></div>
    <div class="nav-cents">
        <ul>
            <li class="logo"><a href="index.html"><img src="images/logo.png" width="180"/></a></li>
            <li><a href="index.html">首页</a></li>
            <li><a href="goods.html">我要买车</a></li>
            <li><a href="wymc.html">我要卖车</a></li>
            <li><a href="#">阳光联盟</a></li>
            <li><a href="#">我要加盟</a></li>
        </ul>
        <div class="seas">
            <div class="egc-sea-box">
                <input type="text" class="sea-ipt-txt" placeholder="搜索您想要的车">
                <a href="#" class="search-btn">搜索</a></div>
        </div>
    </div>
</div>
<div class="clear_fix"></div>
<!--所在位置-->
<div class="crumbp"><a href="#">首页</a> <em>&gt;</em> <span>个人二手车</span></div>
<div class="clear_fix"></div>
<div class="mainbox">
    <!--门店简介-->
    <div class="shopcar_desc">
        <div class="shop_head_left">
            <div class="shop-logo"></div>
            <div class="shop_head_info" style="padding-top:10px;">
                <p><span class="shop_name">合肥清溪服务中心</span></p>
                <p class="text-muted">待售车源： <em>306</em> 辆 （今日新增<em>2</em>辆）</p>
            </div>
        </div>
        <ul class="indem-ul">
            <li><span class="indem01"></span>
                <p class="f-type01">专业人员检测</p>
            </li>
            <li><span class="indem02"></span>
                <p class="f-type01">车辆检测</p>
            </li>
            <li><span class="indem03"></span>
                <p class="f-type01">1年质保</p>
            </li>
        </ul>
    </div>
    <div class="clear_fix"></div>
    <!--筛选条件-->
    <div class="shop_moreitem">
        <div class="moreitem clearfix">
            <dl class="selecter">
                <dt>车型</dt>
                <dd>
                    <ul>
                        <li><a href="javascript:void(0);">不限</a></li>
                        <li><a href="javascript:void(0);"> 两厢轿车 </a></li>
                        <li><a href="javascript:void(0);"> 三厢轿车 </a></li>
                        <li><a href="javascript:void(0);"> 跑车 </a></li>
                        <li><a href="javascript:void(0);"> SUV </a></li>
                        <li><a href="javascript:void(0);"> MPV </a></li>
                    </ul>
                </dd>
            </dl>

            <dl class="selecter">
                <dt>请选择品牌</dt>
                <dd>
                    <ul>
                        <li><a href="javascript:void(0);">不限</a></li>
                        <li><a href="javascript:void(0);"> 大众 </a></li>
                        <li><a href="javascript:void(0);"> 福特 </a></li>
                        <li><a href="javascript:void(0);"> 起亚 </a></li>
                        <li><a href="javascript:void(0);"> 江淮 </a></li>
                        <li><a href="javascript:void(0);"> 一汽 </a></li>
                    </ul>
                </dd>
            </dl>
            <dl class="selecter">
                <dt>请选择车系</dt>
                <dd>
                    <ul>
                        <li><a href="javascript:void(0);">不限</a></li>
                        <li><a href="javascript:void(0);"> polo </a></li>
                    </ul>
                </dd>
            </dl>
            <dl class="selecter">
                <dt>请选择价格</dt>
                <dd>
                    <ul>
                        <li><a href="javascript:void(0);">不限</a></li>
                    </ul>
                </dd>
            </dl>
            <dl class="selecter">
                <dt>请选择车龄</dt>
                <dd>
                    <ul>
                        <li><a href="javascript:void(0);">不限</a></li>
                    </ul>
                </dd>
            </dl>
            <!--最后一个地方的区别 加了一段样式-->
            <dl class="selecter" style="float:right; margin-right:0px;">
                <dt>请选择变速箱</dt>
                <dd>
                    <ul>
                        <li><a href="javascript:void(0);">不限</a></li>
                        <li><a href="javascript:void(0);"> 手动 </a></li>
                        <li><a href="javascript:void(0);"> 自动 </a></li>
                    </ul>
                </dd>
            </dl>
        </div>
    </div>
    <div class="sub_title"><!-- 排序 -->
        <div class="left" id="sort"><a href="#" data="default" class="on" id="default-sort" value="default">默认排序</a> <a
                href="#" data="desc" id="post-time-sort" title="点击按发布时间从近到远排序" value="desc"><span class="inline-block">发布时间</span><i
                class="i-up"></i></a> <a href="#" data="desc" id="brand-time-sort" title="点击按上牌时间从近到远排序"
                                         value="desc"><span class="inline-block">上牌时间</span><i class="i-time"></i></a>
            <a href="#" data="asc" id="kilometer-sort" title="点击按表显里程从低到高排序" value="asc"><span class="inline-block"
                                                                                               value="asc">表显里程</span><i
                    class="i-down"></i></a> <a href="#" data="asc" id="price-sort" title="点击按价格从低到高排序" value="asc"><span
                    class="inline-block">价格</span><i class="i-mid"></i></a></div>
        <div class="right"><span class="car_sum">共<strong>97</strong>条车源</span></div>
    </div>
    <div class="clear_fix"></div>
    <div class="cs-list">
        <ul>
            <li class="clearfix" style="position: relative;"> <span class="carImg fl"> <a href="infor.html"
                                                                                          target="_blank">
        <div class="car_bg"> </div>
        <img src="images/carinfor1.jpg" width="270"/></a> </span>
                <div class="carTxt fl">
                    <h2><a href="infor.html" target="_blank">奔驰C级 2013 款 1.8T 自动 C260 CGI时尚型</a></h2>
                    <p><span>上牌时间：<em>2013-08</em></span> | <span>行驶里程：<em>4.5万公里</em></span> |
                        <span>排量：<em>1.8T</em></span> | <span>排放标准：国四</span></p>
                    <div class="car_desc clearfix"> 2012年12月上牌的 2.0 自动 带天窗 换挡拨片 导航倒车影像等等，车主带代步用的
                        ，车子漂亮 看中联系，有合肥客户最好......
                    </div>
                    <div class="cs_bt" style="padding-top:7px;"><span>2016-11-04 15:24  更新</span></div>
                </div>
                <div class="fr priceNum"> ￥<span class="num">22.8 </span><font> 万</font>
                    <p class="priType-s"><em class="tag-red">急售</em> <em class="tag-green">准新车</em> <em
                            class="tag-yellow">超值</em></p>
                </div>
            </li>
            <li class="clearfix" style="position: relative;"> <span class="carImg fl"> <a href="infor.html"
                                                                                          target="_blank">
        <div class="car_bg"> </div>
        <img src="images/carinfor1.jpg" width="270"/></a> </span>
                <div class="carTxt fl">
                    <h2><a href="infor.html" target="_blank">奔驰C级 2013 款 1.8T 自动 C260 CGI时尚型</a></h2>
                    <p><span>上牌时间：<em>2013-08</em></span> | <span>行驶里程：<em>4.5万公里</em></span> |
                        <span>排量：<em>1.8T</em></span> | <span>排放标准：国四</span></p>
                    <div class="car_desc clearfix"> 2012年12月上牌的 2.0 自动 带天窗 换挡拨片 导航倒车影像等等，车主带代步用的
                        ，车子漂亮 看中联系，有合肥客户最好......
                    </div>
                    <div class="cs_bt" style="padding-top:7px;"><span>2016-11-04 15:24  更新</span></div>
                </div>
                <div class="fr priceNum"> ￥<span class="num">22.8 </span><font> 万</font>
                    <p class="priType-s"><em class="tag-red">急售</em> <em class="tag-green">准新车</em> <em
                            class="tag-yellow">超值</em></p>
                </div>
            </li>
            <li class="clearfix" style="position: relative;"> <span class="carImg fl"> <a href="infor.html"
                                                                                          target="_blank">
        <div class="car_bg"> </div>
        <img src="images/carinfor1.jpg" width="270"/></a> </span>
                <div class="carTxt fl">
                    <h2><a href="infor.html" target="_blank">奔驰C级 2013 款 1.8T 自动 C260 CGI时尚型</a></h2>
                    <p><span>上牌时间：<em>2013-08</em></span> | <span>行驶里程：<em>4.5万公里</em></span> |
                        <span>排量：<em>1.8T</em></span> | <span>排放标准：国四</span></p>
                    <div class="car_desc clearfix"> 2012年12月上牌的 2.0 自动 带天窗 换挡拨片 导航倒车影像等等，车主带代步用的
                        ，车子漂亮 看中联系，有合肥客户最好......
                    </div>
                    <div class="cs_bt" style="padding-top:7px;"><span>2016-11-04 15:24  更新</span></div>
                </div>
                <div class="fr priceNum"> ￥<span class="num">22.8 </span><font> 万</font>
                    <p class="priType-s"><em class="tag-red">急售</em> <em class="tag-green">准新车</em> <em
                            class="tag-yellow">超值</em></p>
                </div>
            </li>
            <li class="clearfix" style="position: relative;"> <span class="carImg fl"> <a href="infor.html"
                                                                                          target="_blank">
        <div class="car_bg"> </div>
        <img src="images/carinfor1.jpg" width="270"/></a> </span>
                <div class="carTxt fl">
                    <h2><a href="infor.html" target="_blank">奔驰C级 2013 款 1.8T 自动 C260 CGI时尚型</a></h2>
                    <p><span>上牌时间：<em>2013-08</em></span> | <span>行驶里程：<em>4.5万公里</em></span> |
                        <span>排量：<em>1.8T</em></span> | <span>排放标准：国四</span></p>
                    <div class="car_desc clearfix"> 2012年12月上牌的 2.0 自动 带天窗 换挡拨片 导航倒车影像等等，车主带代步用的
                        ，车子漂亮 看中联系，有合肥客户最好......
                    </div>
                    <div class="cs_bt" style="padding-top:7px;"><span>2016-11-04 15:24  更新</span></div>
                </div>
                <div class="fr priceNum"> ￥<span class="num">22.8 </span><font> 万</font>
                    <p class="priType-s"><em class="tag-red">急售</em> <em class="tag-green">准新车</em> <em
                            class="tag-yellow">超值</em></p>
                </div>
            </li>
            <li class="clearfix" style="position: relative;"> <span class="carImg fl"> <a href="infor.html"
                                                                                          target="_blank">
        <div class="car_bg"> </div>
        <img src="images/carinfor1.jpg" width="270"/></a> </span>
                <div class="carTxt fl">
                    <h2><a href="infor.html" target="_blank">奔驰C级 2013 款 1.8T 自动 C260 CGI时尚型</a></h2>
                    <p><span>上牌时间：<em>2013-08</em></span> | <span>行驶里程：<em>4.5万公里</em></span> |
                        <span>排量：<em>1.8T</em></span> | <span>排放标准：国四</span></p>
                    <div class="car_desc clearfix"> 2012年12月上牌的 2.0 自动 带天窗 换挡拨片 导航倒车影像等等，车主带代步用的
                        ，车子漂亮 看中联系，有合肥客户最好......
                    </div>
                    <div class="cs_bt" style="padding-top:7px;"><span>2016-11-04 15:24  更新</span></div>
                </div>
                <div class="fr priceNum"> ￥<span class="num">22.8 </span><font> 万</font>
                    <p class="priType-s"><em class="tag-red">急售</em> <em class="tag-green">准新车</em> <em
                            class="tag-yellow">超值</em></p>
                </div>
            </li>
            <li class="clearfix" style="position: relative;"> <span class="carImg fl"> <a href="infor.html"
                                                                                          target="_blank">
        <div class="car_bg"> </div>
        <img src="images/carinfor1.jpg" width="270"/></a> </span>
                <div class="carTxt fl">
                    <h2><a href="infor.html" target="_blank">奔驰C级 2013 款 1.8T 自动 C260 CGI时尚型</a></h2>
                    <p><span>上牌时间：<em>2013-08</em></span> | <span>行驶里程：<em>4.5万公里</em></span> |
                        <span>排量：<em>1.8T</em></span> | <span>排放标准：国四</span></p>
                    <div class="car_desc clearfix"> 2012年12月上牌的 2.0 自动 带天窗 换挡拨片 导航倒车影像等等，车主带代步用的
                        ，车子漂亮 看中联系，有合肥客户最好......
                    </div>
                    <div class="cs_bt" style="padding-top:7px;"><span>2016-11-04 15:24  更新</span></div>
                </div>
                <div class="fr priceNum"> ￥<span class="num">22.8 </span><font> 万</font>
                    <p class="priType-s"><em class="tag-red">急售</em> <em class="tag-green">准新车</em> <em
                            class="tag-yellow">超值</em></p>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="pages"><a class="on" href="30/p/1.html">1</a><a class="" href="30/p/2.html">2</a><a class=""
                                                                                                href="30/p/3.html">3</a><a
        class="" href="30/p/4.html">4</a><a class="" href="30/p/5.html">5</a> <a href="30/p/2.html">&gt;&gt;</a> <a
        href="30/p/6.html">6</a></div>
<div class="clear_fix"></div>
<!--底部-->
<div class="ftWrap">
    <div class="foot">
        <div class="cent">
            <div class="relate">
                <div class="items">
                    <div class="tit"><i class="icon-angle-right"></i>交易帮助</div>
                    <div class="con"><a href="#">买车帮助</a> <a href="#">卖车帮助</a> <a href="#">过户帮助</a></div>
                </div>
                <div class="items">
                    <div class="tit"><i class="icon-angle-right"></i>客服中心</div>
                    <div class="con"><a href="abut.html">网站合作</a> <a href="about.html">关于我们</a> <a href="contact.html">联系我们</a>
                    </div>
                </div>
                <div class="items">
                    <div class="tit"><i class="icon-angle-right"></i>购车指南</div>
                    <div class="con"><a href="#">购车帮助</a></div>
                </div>
                <div class="app-section"><img class="js-delayed-img" src="images/f_wx.jpg">
                    <div class="title">扫码关注微信</div>
                    <p> 随时随地，秒杀好车<br/>
                        优质个人二手车 </p>
                </div>
                <div class="items last">
                    <div class="tel">
                        <h1>XXX</h1>
                        <p>周一至周日 8:00-18:00</p>
                        <p>免费咨询(咨询、建议、投诉)</p>
                        <a href="#" class="kf"><i class="kf-icon"></i>在线客服</a></div>
                    <div class="tel-mb">
                        <p><span>XXX</span>周一至周日 8:00-18:00(仅收市话费)</p>
                        <a href="#" class="kf"><i class="kf-icon"></i>在线客服</a></div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="cent"> Copyright © 2020,All Rights Reserved 皖ICP备XXX号-1</div>
    </div>
</div>
<script type="text/javascript" src="script/3c-menu.js"></script>
<script type="text/javascript" src="script/lg_reg.js"></script>
<!--会员登录和注册弹出框开始-->
<div id="popBox">
    <div class="popCont"><a class="p_closed">关闭</a>
        <div class="p-tab"><a>会员登录<i></i></a><a>会员注册<i></i></a></div>
        <div class="p-detail">
            <div class="p-dl">
                <form onsubmit="return check();" enctype="multipart/form-data" method="post" name="form" id="form">
                    <ul class="login-items">
                        <li>
                            <label>用户名(手机号)</label>
                            <input class="input" type="text" value="" maxlength="32" name="username"
                                   placeholder="请输入您的手机号">
                        </li>
                        <li>
                            <label>密码</label>
                            <input class="input" type="password" value="" maxlength="16" name="password">
                        </li>
                    </ul>
                    <div class="login-check">
                        <input type="checkbox" name="checkbox" style=" width:auto;"/>
                        <label>记住我</label>
                        <a href="Meet/editPass">忘记登录密码？</a></div>
                    <div class="login-button">
                        <input type="hidden" value="" name="carid" class="ordercarid"/>
                        <input type="hidden" value="" name="carstatus" class="orderstatus"/>
                        <input type="button" value="登&nbsp;&nbsp;&nbsp;&nbsp;陆" class="fM"
                               onclick="$('#form').submit()"/>
                    </div>
                </form>
            </div>
            <div class="p-dl">
                <form class="registForm" onsubmit="return regcheck();" enctype="multipart/form-data" method="post"
                      name="reg" id="reg">
                    <ul class="login-items">
                        <li class="clearfix">
                            <input class="input" name="mobile" id="mobile" type="text" value=""
                                   placeholder="手机号码（登录帐号）">
                        </li>
                        <li class="clearfix">
                            <input class="input left" type="text" value="" name="verify" placeholder="输入验证码"
                                   style="width:100px;"/>
                            <div id="send"><a href="#" class="send_code right">获取验证码</a></div>
                        </li>
                        <li class="clearfix">
                            <input class="input" type="text" value="" name="realname" placeholder="姓名">
                        </li>
                        <li class="clearfix sex">
                            <input type="radio" checked="" name="gender" value="M"/>
                            男&nbsp;&nbsp;&nbsp;&nbsp;
                            <input type="radio" name="gender" value="F"/>
                            女
                        </li>
                        <li class="clearfix">
                            <input id="" class="input" type="password" name="password" value=""
                                   placeholder="输入密码（六位字符）">
                        </li>
                    </ul>
                    <div class="login-button">
                        <input type="hidden" value="" name="carid" class="ordercarid"/>
                        <input type="hidden" value="" name="carstatus" class="orderstatus"/>
                        <input type="button" value="立即注册" class="fM" onclick="$('#reg').submit()"/>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--会员登录和注册弹出框结束-->
<script type="text/javascript">
    $(".hoverWidget").each(function () {
        $(this).mouseenter(function () {
            $(this).addClass("active")
        }).mouseleave(function () {
            $(this).removeClass("active")
        })
    });
</script>
<script type="text/javascript">
    $(function () {
        $(".selecter").each(function () {
            var s = $(this);
            var z = parseInt(s.css("z-index"));
            var dt = $(this).children("dt");
            var dd = $(this).children("dd");
            var _show = function () {
                dd.slideDown(200);
                dt.addClass("cur");
                s.css("z-index", z + 1);
            };   //展开效果
            var _hide = function () {
                dd.slideUp(200);
                dt.removeClass("cur");
                s.css("z-index", z);
            };    //关闭效果
            dt.click(function () {
                dd.is(":hidden") ? _show() : _hide();
            });
            dd.find("a").click(function () {
                dt.html($(this).html());
                _hide();
            });     //选择效果（如需要传值，可自定义参数，在此处返回对应的“value”值 ）
            $("body").click(function (i) {
                !$(i.target).parents(".selecter").first().is(s) ? _hide() : "";
            });
        })
    })
</script>
</body>
</html>
